﻿<%@ Page Language="c#" Inherits="WinnerCMS.WebUI.Guestbook" EnableEventValidation="false"
    CodeBehind="GuestBook.aspx.cs" %>

<%@ Register TagPrefix="cc2" Namespace="WinnerCMS.WebControls" Assembly="WinnerCMS.WebControls" %>
<!doctype html>
<html>
<head runat="server">
    <title></title>
    <script type="text/javascript">

        function changeimage() {
            document.getElementById("selectimg").value = document.getElementById("Image1").value;
            document.getElementById("showimages").src = "images/guest/face/" + document.getElementById("Image1").value + ".gif";
        }
        function CheckForm() {
            if (document.getElementById("<%=txtName.ClientID%>").value == "") {
                alert('姓名不能为空。');
                document.getElementById("<%=txtName.ClientID%>").focus();
                return false;
            }
            if (document.getElementById("<%=txtPassCode.ClientID%>").value == "") {
                alert('验证码不能为空。');
                document.getElementById("<%=txtPassCode.ClientID%>").focus();
                return false;
            }
            if (document.getElementById("<%=txtContent.ClientID%>").value == "") {
                alert('内容不能为空。');
                document.getElementById("<%=txtContent.ClientID%>").focus();
                return false;
            }

        }
        function disableSubmit() {
            document.getElementById("btnPost").disabled = true;
        }
    </script>
    <script type="text/javascript" src="~/Images/UBB/ubbcode.js"></script>
    <%: Styles.Render("~/WinnerCMS6/Style") %>
    <%: Scripts.Render("~/Script/Base") %>
    <style type="text/css">
        .tablelist {
            border-top: 1px solid #cccccc;
            border-left: 1px solid #cccccc;
            border-right: 0px;
            border-bottom: 0px;
            width: 990px;
        }

            .tablelist TD {
                border-top: 1px solid #FFFFFF;
                border-left: 1px solid #FFFFFF;
                border-right: 1px solid #cccccc;
                border-bottom: 1px solid #cccccc;
            }
    </style>
</head>
<body>
    <form id="Form1" name="Form1" method="post" runat="server">
        <!--#include file="Header.aspx"-->
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Panel ID="Panel1" runat="server" Width="100%">
                    <table cellspacing="2" cellpadding="0" width="724" align="center" border="0">
                        <tr>
                            <td align="center" bgcolor="#cccccc" colspan="4" height="28">签 写 留 言
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 178px" align="right" width="192">
                                <font color="#ff0000">*</font>姓 名：
                            </td>
                            <td>
                                <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                            </td>
                            <td align="right" style="width: 90px">头像：
                            </td>
                            <td width="269" rowspan="5">&nbsp;
                            <img name="showimages" src="images/guest/face/01.gif" border="0">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 178px" align="right">电子邮件：
                            </td>
                            <td width="199">
                                <asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
                            </td>
                            <td width="90" align="right" style="width: 90px">
                                <select name="Image1" onchange="changeimage();">
                                    <option value='01' selected>01</option>
                                    <option value='02'>02</option>
                                    <option value='03'>03</option>
                                    <option value='04'>04</option>
                                    <option value='05'>05</option>
                                    <option value='06'>06</option>
                                    <option value='07'>07</option>
                                    <option value='08'>08</option>
                                    <option value='09'>09</option>
                                    <option value='10'>10</option>
                                    <option value='11'>11</option>
                                    <option value='12'>12</option>
                                    <option value='13'>13</option>
                                    <option value='14'>14</option>
                                    <option value='15'>15</option>
                                    <option value='16'>16</option>
                                    <option value='17'>17</option>
                                    <option value='18'>18</option>
                                    <option value='19'>19</option>
                                </select>
                                <input type="hidden" name="GuestImages" value="01" runat="server" id="selectimg"
                                    style="width: 20px">
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 178px" align="right">主页：
                            </td>
                            <td>
                                <asp:TextBox ID="txtHome" runat="server"></asp:TextBox>
                            </td>
                            <td rowspan="2" align="right" style="width: 90px">&nbsp;
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 178px" align="right">QQ：
                            </td>
                            <td>
                                <asp:TextBox ID="txtQQ" runat="server" MaxLength="13"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 178px" align="right">
                                <font color="#ff0000">*</font>验证码：
                            </td>
                            <td>
                                <asp:TextBox ID="txtPassCode" runat="server"></asp:TextBox>
                            </td>
                            <td style="width: 90px">
                                <img src="../PassCode.ashx" alt="点击刷新验证码。" style="cursor: pointer;" onclick="this.src='PassCode.ashx?n='+ Math.random();" />
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="right">心情：
                            </td>
                            <td colspan="3">
                                <asp:RadioButtonList ID="RadioButtonList1" runat="server" Width="312px" RepeatDirection="Horizontal"
                                    RepeatColumns="10">
                                    <asp:ListItem Value="Images/Guest/humor/01.gif" Selected="True">&lt;img src=&quot;Images/Guest/humor/01.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/02.gif">&lt;img src=&quot;Images/Guest/humor/02.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/03.gif">&lt;img src=&quot;Images/Guest/humor/03.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/04.gif">&lt;img src=&quot;Images/Guest/humor/04.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/05.gif">&lt;img src=&quot;Images/Guest/humor/05.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/06.gif">&lt;img src=&quot;Images/Guest/humor/06.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/07.gif">&lt;img src=&quot;Images/Guest/humor/07.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/08.gif">&lt;img src=&quot;Images/Guest/humor/08.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/09.gif">&lt;img src=&quot;Images/Guest/humor/09.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/10.gif">&lt;img src=&quot;Images/Guest/humor/10.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/11.gif">&lt;img src=&quot;Images/Guest/humor/11.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/12.gif">&lt;img src=&quot;Images/Guest/humor/12.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/13.gif">&lt;img src=&quot;Images/Guest/humor/13.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/14.gif">&lt;img src=&quot;Images/Guest/humor/14.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/15.gif">&lt;img src=&quot;Images/Guest/humor/15.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/16.gif">&lt;img src=&quot;Images/Guest/humor/16.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/17.gif">&lt;img src=&quot;Images/Guest/humor/17.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/17.gif">&lt;img src=&quot;Images/Guest/humor/17.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/19.gif">&lt;img src=&quot;Images/Guest/humor/19.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                    <asp:ListItem Value="Images/Guest/humor/20.gif">&lt;img src=&quot;Images/Guest/humor/20.gif&quot; width=&quot;20&quot; height=&quot;20&quot;&gt;</asp:ListItem>
                                </asp:RadioButtonList>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="right">&nbsp;
                            </td>
                            <td colspan="3">
                                <img onclick="Cbold()" src="images/ubb/bold.gif" width="23" height="22" alt="粗体"
                                    border="0">
                                <img onclick="Citalic()" src="images/ubb/italicize.gif" width="23" height="22" alt="斜体"
                                    border="0">
                                <img onclick="Cunder()" src="images/ubb/underline.gif" width="23" height="22" alt="下划线"
                                    border="0">
                                <img onclick="Ccenter()" src="images/ubb/center.gif" width="23" height="22" alt="居中"
                                    border="0">
                                <img onclick="Curl()" src="images/ubb/url1.gif" width="23" height="22" alt="超级连接"
                                    border="0">
                                <img onclick="Cemail()" src="images/ubb/email1.gif" width="23" height="22" alt="Email连接"
                                    border="0">
                                <img onclick="Cimage()" src="images/ubb/image.gif" width="23" height="22" alt="图片"
                                    border="0">
                                <img onclick="Cswf()" src="images/ubb/swf.gif" width="23" height="22" alt="Flash图片"
                                    border="0">
                                <img onclick="Cdir()" src="images/ubb/Shockwave.gif" width="23" height="22" alt="Shockwave文件"
                                    border="0">
                                <img onclick="Crm()" src="images/ubb/rm.gif" width="23" height="22" alt="realplay视频文件"
                                    border="0">
                                <img onclick="Cwmv()" src="images/ubb/mp.gif" width="23" height="22" alt="Media Player视频文件"
                                    border="0">
                                <img onclick="Cmov()" src="images/ubb/qt.gif" width="23" height="22" alt="QuickTime视频文件"
                                    border="0">
                                <img onclick="Cquote()" src="images/ubb/quote1.gif" width="23" height="22" alt="引用"
                                    border="0">
                                <img onclick="Cfly()" height="22" alt="飞行字" src="images/ubb/fly.gif" width="23" border="0">
                                <img onclick="Cmarquee()" height="22" alt="移动字" src="images/ubb/move.gif" width="23"
                                    border="0">
                                <img onclick="Cguang()" height="22" alt="发光字" src="images/ubb/glow.gif" width="23"
                                    border="0">
                                <img onclick="Cying()" height="22" alt="阴影字" src="images/ubb/shadow.gif" width="23"
                                    border="0">
                                <br>
                                字体：
                            <select onchange="if(this.options[this.selectedIndex].value!=''){showfont(this.options[this.selectedIndex].value);this.options[0].selected=true;}else {this.selectedIndex=0;}"
                                name="font">
                                <option value="宋体" selected>宋体</option>
                                <option value="楷体_GB2312">楷体</option>
                                <option value="新宋体">新宋体</option>
                                <option value="黑体">黑体</option>
                                <option value="隶书">隶书</option>
                                <option value="Andale Mono">Andale Mono</option>
                                <option value="Arial">Arial</option>
                                <option value="Arial Black">Arial Black</option>
                                <option value="Book Antiqua">Book Antiqua</option>
                                <option value="Century Gothic">Century Gothic</option>
                                <option value="Comic Sans MS">Comic Sans MS</option>
                                <option value="Courier New">Courier New</option>
                                <option value="Georgia">Georgia</option>
                                <option value="Impact">Impact</option>
                                <option value="Tahoma">Tahoma</option>
                                <option value="Times New Roman">Times New Roman</option>
                                <option value="Trebuchet MS">Trebuchet MS</option>
                                <option value="Script MT Bold">Script MT Bold</option>
                                <option value="Stencil">Stencil</option>
                                <option value="Verdana">Verdana</option>
                                <option value="Lucida Console">Lucida Console</option>
                            </select>
                                &nbsp;&nbsp;&nbsp;&nbsp; 字体大小
                            <select name="size" onchange="if(this.options[this.selectedIndex].value!=''){showsize(this.options[this.selectedIndex].value);this.options[0].selected=true;}else {this.selectedIndex=0;}">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3" selected>3</option>
                                <option value="4">4</option>
                            </select>
                                &nbsp;&nbsp;&nbsp;<font color="#333333">颜色：</font>
                                <select onchange="if(this.options[this.selectedIndex].value!=''){showcolor(this.options[this.selectedIndex].value);this.options[0].selected=true;}else {this.selectedIndex=0;}"
                                    name="color">
                                    <option style="color: #f0f8ff; background-color: #f0f8ff" value="#F0F8FF">#F0F8FF</option>
                                    <option style="color: #faebd7; background-color: #faebd7" value="#FAEBD7">#FAEBD7</option>
                                    <option style="color: #00ffff; background-color: #00ffff" value="#00FFFF">#00FFFF</option>
                                    <option style="color: #7fffd4; background-color: #7fffd4" value="#7FFFD4">#7FFFD4</option>
                                    <option style="color: #f0ffff; background-color: #f0ffff" value="#F0FFFF">#F0FFFF</option>
                                    <option style="color: #f5f5dc; background-color: #f5f5dc" value="#F5F5DC">#F5F5DC</option>
                                    <option style="color: #ffe4c4; background-color: #ffe4c4" value="#FFE4C4">#FFE4C4</option>
                                    <option style="color: #000000; background-color: #000000" value="#000000">#000000</option>
                                    <option style="color: #ffebcd; background-color: #ffebcd" value="#FFEBCD">#FFEBCD</option>
                                    <option style="color: #0000ff; background-color: #0000ff" value="#0000FF">#0000FF</option>
                                    <option style="color: #8a2be2; background-color: #8a2be2" value="#8A2BE2">#8A2BE2</option>
                                    <option style="color: #a52a2a; background-color: #a52a2a" value="#A52A2A">#A52A2A</option>
                                    <option style="color: #deb887; background-color: #deb887" value="#DEB887">#DEB887</option>
                                    <option style="color: #5f9ea0; background-color: #5f9ea0" value="#5F9EA0">#5F9EA0</option>
                                    <option style="color: #7fff00; background-color: #7fff00" value="#7FFF00">#7FFF00</option>
                                    <option style="color: #d2691e; background-color: #d2691e" value="#D2691E">#D2691E</option>
                                    <option style="color: #ff7f50; background-color: #ff7f50" value="#FF7F50">#FF7F50</option>
                                    <option style="color: #6495ed; background-color: #6495ed" value="#6495ED" selected>#6495ED</option>
                                    <option style="color: #fff8dc; background-color: #fff8dc" value="#FFF8DC">#FFF8DC</option>
                                    <option style="color: #dc143c; background-color: #dc143c" value="#DC143C">#DC143C</option>
                                    <option style="color: #00ffff; background-color: #00ffff" value="#00FFFF">#00FFFF</option>
                                    <option style="color: #00008b; background-color: #00008b" value="#00008B">#00008B</option>
                                    <option style="color: #008b8b; background-color: #008b8b" value="#008B8B">#008B8B</option>
                                    <option style="color: #b8860b; background-color: #b8860b" value="#B8860B">#B8860B</option>
                                    <option style="color: #a9a9a9; background-color: #a9a9a9" value="#A9A9A9">#A9A9A9</option>
                                    <option style="color: #006400; background-color: #006400" value="#006400">#006400</option>
                                    <option style="color: #bdb76b; background-color: #bdb76b" value="#BDB76B">#BDB76B</option>
                                    <option style="color: #8b008b; background-color: #8b008b" value="#8B008B">#8B008B</option>
                                    <option style="color: #556b2f; background-color: #556b2f" value="#556B2F">#556B2F</option>
                                    <option style="color: #ff8c00; background-color: #ff8c00" value="#FF8C00">#FF8C00</option>
                                    <option style="color: #9932cc; background-color: #9932cc" value="#9932CC">#9932CC</option>
                                    <option style="color: #8b0000; background-color: #8b0000" value="#8B0000">#8B0000</option>
                                    <option style="color: #e9967a; background-color: #e9967a" value="#E9967A">#E9967A</option>
                                    <option style="color: #8fbc8f; background-color: #8fbc8f" value="#8FBC8F">#8FBC8F</option>
                                    <option style="color: #483d8b; background-color: #483d8b" value="#483D8B">#483D8B</option>
                                    <option style="color: #2f4f4f; background-color: #2f4f4f" value="#2F4F4F">#2F4F4F</option>
                                    <option style="color: #00ced1; background-color: #00ced1" value="#00CED1">#00CED1</option>
                                    <option style="color: #9400d3; background-color: #9400d3" value="#9400D3">#9400D3</option>
                                    <option style="color: #ff1493; background-color: #ff1493" value="#FF1493">#FF1493</option>
                                    <option style="color: #00bfff; background-color: #00bfff" value="#00BFFF">#00BFFF</option>
                                    <option style="color: #696969; background-color: #696969" value="#696969">#696969</option>
                                    <option style="color: #1e90ff; background-color: #1e90ff" value="#1E90FF">#1E90FF</option>
                                    <option style="color: #b22222; background-color: #b22222" value="#B22222">#B22222</option>
                                    <option style="color: #fffaf0; background-color: #fffaf0" value="#FFFAF0">#FFFAF0</option>
                                    <option style="color: #228b22; background-color: #228b22" value="#228B22">#228B22</option>
                                    <option style="color: #ff00ff; background-color: #ff00ff" value="#FF00FF">#FF00FF</option>
                                    <option style="color: #dcdcdc; background-color: #dcdcdc" value="#DCDCDC">#DCDCDC</option>
                                    <option style="color: #f8f8ff; background-color: #f8f8ff" value="#F8F8FF">#F8F8FF</option>
                                    <option style="color: #ffd700; background-color: #ffd700" value="#FFD700">#FFD700</option>
                                    <option style="color: #daa520; background-color: #daa520" value="#DAA520">#DAA520</option>
                                    <option style="color: #808080; background-color: #808080" value="#808080">#808080</option>
                                    <option style="color: #008000; background-color: #008000" value="#008000">#008000</option>
                                    <option style="color: #adff2f; background-color: #adff2f" value="#ADFF2F">#ADFF2F</option>
                                    <option style="color: #f0fff0; background-color: #f0fff0" value="#F0FFF0">#F0FFF0</option>
                                    <option style="color: #ff69b4; background-color: #ff69b4" value="#FF69B4">#FF69B4</option>
                                    <option style="color: #cd5c5c; background-color: #cd5c5c" value="#CD5C5C">#CD5C5C</option>
                                    <option style="color: #4b0082; background-color: #4b0082" value="#4B0082">#4B0082</option>
                                    <option style="color: #fffff0; background-color: #fffff0" value="#FFFFF0">#FFFFF0</option>
                                    <option style="color: #f0e68c; background-color: #f0e68c" value="#F0E68C">#F0E68C</option>
                                    <option style="color: #e6e6fa; background-color: #e6e6fa" value="#E6E6FA">#E6E6FA</option>
                                    <option style="color: #fff0f5; background-color: #fff0f5" value="#FFF0F5">#FFF0F5</option>
                                    <option style="color: #7cfc00; background-color: #7cfc00" value="#7CFC00">#7CFC00</option>
                                    <option style="color: #fffacd; background-color: #fffacd" value="#FFFACD">#FFFACD</option>
                                    <option style="color: #add8e6; background-color: #add8e6" value="#ADD8E6">#ADD8E6</option>
                                    <option style="color: #f08080; background-color: #f08080" value="#F08080">#F08080</option>
                                    <option style="color: #e0ffff; background-color: #e0ffff" value="#E0FFFF">#E0FFFF</option>
                                    <option style="color: #fafad2; background-color: #fafad2" value="#FAFAD2">#FAFAD2</option>
                                    <option style="color: #90ee90; background-color: #90ee90" value="#90EE90">#90EE90</option>
                                    <option style="color: #d3d3d3; background-color: #d3d3d3" value="#D3D3D3">#D3D3D3</option>
                                    <option style="color: #ffb6c1; background-color: #ffb6c1" value="#FFB6C1">#FFB6C1</option>
                                    <option style="color: #ffa07a; background-color: #ffa07a" value="#FFA07A">#FFA07A</option>
                                    <option style="color: #20b2aa; background-color: #20b2aa" value="#20B2AA">#20B2AA</option>
                                    <option style="color: #87cefa; background-color: #87cefa" value="#87CEFA">#87CEFA</option>
                                    <option style="color: #778899; background-color: #778899" value="#778899">#778899</option>
                                    <option style="color: #b0c4de; background-color: #b0c4de" value="#B0C4DE">#B0C4DE</option>
                                    <option style="color: #ffffe0; background-color: #ffffe0" value="#FFFFE0">#FFFFE0</option>
                                    <option style="color: #00ff00; background-color: #00ff00" value="#00FF00">#00FF00</option>
                                    <option style="color: #32cd32; background-color: #32cd32" value="#32CD32">#32CD32</option>
                                    <option style="color: #faf0e6; background-color: #faf0e6" value="#FAF0E6">#FAF0E6</option>
                                    <option style="color: #ff00ff; background-color: #ff00ff" value="#FF00FF">#FF00FF</option>
                                    <option style="color: #800000; background-color: #800000" value="#800000">#800000</option>
                                    <option style="color: #66cdaa; background-color: #66cdaa" value="#66CDAA">#66CDAA</option>
                                    <option style="color: #0000cd; background-color: #0000cd" value="#0000CD">#0000CD</option>
                                    <option style="color: #ba55d3; background-color: #ba55d3" value="#BA55D3">#BA55D3</option>
                                    <option style="color: #9370db; background-color: #9370db" value="#9370DB">#9370DB</option>
                                    <option style="color: #3cb371; background-color: #3cb371" value="#3CB371">#3CB371</option>
                                    <option style="color: #7b68ee; background-color: #7b68ee" value="#7B68EE">#7B68EE</option>
                                    <option style="color: #00fa9a; background-color: #00fa9a" value="#00FA9A">#00FA9A</option>
                                    <option style="color: #48d1cc; background-color: #48d1cc" value="#48D1CC">#48D1CC</option>
                                    <option style="color: #c71585; background-color: #c71585" value="#C71585">#C71585</option>
                                    <option style="color: #191970; background-color: #191970" value="#191970">#191970</option>
                                    <option style="color: #f5fffa; background-color: #f5fffa" value="#F5FFFA">#F5FFFA</option>
                                    <option style="color: #ffe4e1; background-color: #ffe4e1" value="#FFE4E1">#FFE4E1</option>
                                    <option style="color: #ffe4b5; background-color: #ffe4b5" value="#FFE4B5">#FFE4B5</option>
                                    <option style="color: #ffdead; background-color: #ffdead" value="#FFDEAD">#FFDEAD</option>
                                    <option style="color: #000080; background-color: #000080" value="#000080">#000080</option>
                                    <option style="color: #fdf5e6; background-color: #fdf5e6" value="#FDF5E6">#FDF5E6</option>
                                    <option style="color: #808000; background-color: #808000" value="#808000">#808000</option>
                                    <option style="color: #6b8e23; background-color: #6b8e23" value="#6B8E23">#6B8E23</option>
                                    <option style="color: #ffa500; background-color: #ffa500" value="#FFA500">#FFA500</option>
                                    <option style="color: #ff4500; background-color: #ff4500" value="#FF4500">#FF4500</option>
                                    <option style="color: #da70d6; background-color: #da70d6" value="#DA70D6">#DA70D6</option>
                                    <option style="color: #eee8aa; background-color: #eee8aa" value="#EEE8AA">#EEE8AA</option>
                                    <option style="color: #98fb98; background-color: #98fb98" value="#98FB98">#98FB98</option>
                                    <option style="color: #afeeee; background-color: #afeeee" value="#AFEEEE">#AFEEEE</option>
                                    <option style="color: #db7093; background-color: #db7093" value="#DB7093">#DB7093</option>
                                    <option style="color: #ffefd5; background-color: #ffefd5" value="#FFEFD5">#FFEFD5</option>
                                    <option style="color: #ffdab9; background-color: #ffdab9" value="#FFDAB9">#FFDAB9</option>
                                    <option style="color: #cd853f; background-color: #cd853f" value="#CD853F">#CD853F</option>
                                    <option style="color: #ffc0cb; background-color: #ffc0cb" value="#FFC0CB">#FFC0CB</option>
                                    <option style="color: #dda0dd; background-color: #dda0dd" value="#DDA0DD">#DDA0DD</option>
                                    <option style="color: #b0e0e6; background-color: #b0e0e6" value="#B0E0E6">#B0E0E6</option>
                                    <option style="color: #800080; background-color: #800080" value="#800080">#800080</option>
                                    <option style="color: #ff0000; background-color: #ff0000" value="#FF0000">#FF0000</option>
                                    <option style="color: #bc8f8f; background-color: #bc8f8f" value="#BC8F8F">#BC8F8F</option>
                                    <option style="color: #4169e1; background-color: #4169e1" value="#4169E1">#4169E1</option>
                                    <option style="color: #8b4513; background-color: #8b4513" value="#8B4513">#8B4513</option>
                                    <option style="color: #fa8072; background-color: #fa8072" value="#FA8072">#FA8072</option>
                                    <option style="color: #f4a460; background-color: #f4a460" value="#F4A460">#F4A460</option>
                                    <option style="color: #2e8b57; background-color: #2e8b57" value="#2E8B57">#2E8B57</option>
                                    <option style="color: #fff5ee; background-color: #fff5ee" value="#FFF5EE">#FFF5EE</option>
                                    <option style="color: #a0522d; background-color: #a0522d" value="#A0522D">#A0522D</option>
                                    <option style="color: #c0c0c0; background-color: #c0c0c0" value="#C0C0C0">#C0C0C0</option>
                                    <option style="color: #87ceeb; background-color: #87ceeb" value="#87CEEB">#87CEEB</option>
                                    <option style="color: #6a5acd; background-color: #6a5acd" value="#6A5ACD">#6A5ACD</option>
                                    <option style="color: #708090; background-color: #708090" value="#708090">#708090</option>
                                    <option style="color: #fffafa; background-color: #fffafa" value="#FFFAFA">#FFFAFA</option>
                                    <option style="color: #00ff7f; background-color: #00ff7f" value="#00FF7F">#00FF7F</option>
                                    <option style="color: #4682b4; background-color: #4682b4" value="#4682B4">#4682B4</option>
                                    <option style="color: #d2b48c; background-color: #d2b48c" value="#D2B48C">#D2B48C</option>
                                    <option style="color: #008080; background-color: #008080" value="#008080">#008080</option>
                                    <option style="color: #d8bfd8; background-color: #d8bfd8" value="#D8BFD8">#D8BFD8</option>
                                    <option style="color: #ff6347; background-color: #ff6347" value="#FF6347">#FF6347</option>
                                    <option style="color: #40e0d0; background-color: #40e0d0" value="#40E0D0">#40E0D0</option>
                                    <option style="color: #ee82ee; background-color: #ee82ee" value="#EE82EE">#EE82EE</option>
                                    <option style="color: #f5deb3; background-color: #f5deb3" value="#F5DEB3">#F5DEB3</option>
                                    <option style="color: #ffffff; background-color: #ffffff" value="#FFFFFF">#FFFFFF</option>
                                    <option style="color: #f5f5f5; background-color: #f5f5f5" value="#F5F5F5">#F5F5F5</option>
                                    <option style="color: #ffff00; background-color: #ffff00" value="#FFFF00">#FFFF00</option>
                                    <option style="color: #9acd32; background-color: #9acd32" value="#9ACD32">#9ACD32</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle" align="right">
                                <font color="#ff0000">*</font>留言内容：<br />
                                当前字数：<span id="ContentLength">0</span><br />
                                最多2000个字符。
                            </td>
                            <td style="height: 108px" colspan="3">
                                <asp:TextBox ID="txtContent" runat="server" Width="488px" TextMode="MultiLine" Rows="8"
                                    onkeyup="onchange();" onpropertychange="onchange()" onchange="document.getElementById('ContentLength').innerHTML=value.length;"></asp:TextBox>
                            </td>
                        </tr>
                        <tr>
                            <td align="right" valign="middle">悄悄话：
                            </td>
                            <td colspan="3">
                                <asp:CheckBox ID="cbkPrivacy" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td align="center" colspan="4">&nbsp;<asp:Button ID="btnPost" runat="server" CssClass="btn" OnClick="Post_Click"
                                Text="发送" />
                                &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
                            <asp:Button ID="btnBack" runat="server" Text="返回" CssClass="btn" OnClick="btnBack_Click" />
                            </td>
                        </tr>
                    </table>
                </asp:Panel>
                <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="200">
                    <ProgressTemplate>
                        <img src="Images/Ajax_Loading.gif" alt="">
                    </ProgressTemplate>
                </asp:UpdateProgress>
                <asp:Panel ID="Panel2" runat="server" Width="100%">
                    <table cellspacing="1" cellpadding="1" width="777" align="center" border="0">
                        <tr>
                            <td>&nbsp;<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="Images/Guest/write.gif"
                                OnClick="ImageButton1_Click" />
                            </td>
                        </tr>
                    </table>
                    <asp:Repeater ID="DL_GuesetBook" runat="server" EnableViewState="False">
                        <ItemTemplate>
                            <table class="tablelist" align="center">
                                <tr>
                                    <td bgcolor="#FFFFFF" rowspan="3" valign="top" width="155">
                                        <p align="center">
                                            <img alt="" src='<%# Eval("face") %>'>
                                        </p>
                                        &nbsp;姓名：
                                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("name") %>'> </asp:Label>
                                        <br>
                                        &nbsp;来自：
                                    <%# Eval("IP") %>
                                    </td>
                                    <td bgcolor="#ffffff" width="503" style="height: 28px">[NO.<%# Eval("ID") %>] 发表于
                                    <%# Eval("UpdateTime")%>
                                    <tr>
                                        <td width="503" valign='top' bgcolor="#FFFFFF" height="126">
                                            <div style="width: 100%; word-wrap: break-word; overflow: hidden;">
                                                <img alt="" src='<%# Eval("humor") %>' width="20" border="0">
                                                <%# UBB(Eval("Content").ToString(), Eval("Privacy").ToString())%>
                                                <%# ShowOr(Eval("Reply").ToString(), Eval("Privacy").ToString())%>
                                                <br>
                                            </div>
                                            <tr>
                                                <td width="503" style="height: 28px">&nbsp; <a href='mailto:<%# Eval("email") %>'>
                                                    <img src="Images/Guest/mail.gif" width="16" border="0" alt="" />&nbsp;邮件</a>&nbsp; <a href='<%# Eval("Home") %>'
                                                        target="_blank">
                                                        <img src="Images/Guest/home.gif" width="16" border="0" alt="" />&nbsp;主页&nbsp;</a>
                                                    <img src="Images/Guest/qq.gif" width="16"><%# Eval("QQ") %>&nbsp;<img src="Images/Guest/ip.gif"
                                                        width="16" border="0" alt="" />&nbsp;<%# Eval("IP") %><%# Address(Eval("IP"))%></td>
                                            </tr>
                            </table>
                            &nbsp;
                        </ItemTemplate>
                    </asp:Repeater>
                    <div align="center">
                        &nbsp;<br />
                        <cc2:PageNavigation ID="PN" runat="server" OnPageChanging="PN_PageChanging" Width="60%" />
                        &nbsp;
                    </div>
                </asp:Panel>
            </ContentTemplate>
        </asp:UpdatePanel>
        <!--#include file="Footer.aspx"-->
    </form>
</body>
</html>
